@charset "utf-8";
/* CSS Document */

.ad{ margin-bottom: 30px;}
.ad img{ width: 1200px; height: auto;}

.marB20{ margin-bottom: 20px;}
.marB30{ margin-bottom: 30px;}
.marR30{ margin-right: 30px;}
.w680{ width: 680px;}
.w500{ width: 500px;}
.w565{ width: 565px;}
.w330{ width: 330px;}
.w720{ width: 720px;}
.w390{ width: 390px;}
.w366{ width: 366px;}
.w290{ width: 290px;}
.w790{ width: 790px;}

#jcl1{ width:680px; margin:0 auto; height:394px; position:relative; }
.jcl_wrap1{ width: 680px; overflow-x: hidden;}
.jcl_container1{overflow: hidden; width:680px; position: relative; display: block; }
.jcl_container1 li{ position: relative; width: 680px; height: 394px; }
.jcl_container1 li img{ position: relative; display: block; width: 680px; height: 394px; }
.jcl_container1 li h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; font: 18px/120px "Microsoft Yahei"; text-align: center; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; background: url(../images/bg_slider_tit.png) repeat-x left center; color: #fff;}
.jcl_container1 li h3 a{ color: #fff;}

.jcl_next1, .jcl_prev1{ position:absolute; top:50%; display:block; width:36px; height:47px; margin-top: -30px; background-image:url(../images/arr1.png); z-index:10; cursor:pointer;}
.jcl_prev1{ background-position:0 0; left: 20px; }
.jcl_next1{ background-position:-36px 0; right: 20px;}

.news1_tab_wrap{ height: 394px; padding: 6px 20px 0; box-sizing: border-box; background: #fff;}

.news_tab{ position: relative; width: 100%;}
.news_tab .etabs{ height: 48px; margin-bottom: 16px; border-bottom: 1px solid #e3e3e3;}
.news_tab .tab{ float: left; position: relative; height: 48px; margin: 0 23px 0 20px; font: 22px/48px "Microsoft Yahei"; color: #666; cursor: pointer;}
.news_tab .tab:before{ position: absolute; right: -23px; top: 50%; width: 3px; height: 20px; margin-top: -10px; background-color: #ddd; content: ""}
.news_tab .tab:last-child:before{ display: none;}
.news_tab .tab.active:after{ position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px; background-color: #286db9; content: ""}

.news_tab .tab:hover, .news_tab .tab.active a{ font-weight: bold; color: #286db9}

.news_list{}
.news_list li{ position: relative; height: 48px; padding-left: 22px; font: 16px/48px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news_list li h3{ float: left; width: 80%; font: 16px/48px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news_list li span{ float: right; width: 18%; font: 16px/48px "Microsoft Yahei"; color: #bbb;}
.news_list li:before{ position: absolute; top: 50%; left: 0; width: 5px; height: 5px; margin-top: -3px; background-color: #286db9; content: ""}
.news_list li a{}

.box_tem{ padding: 20px; background-color: #fff;}
.lmT{ height: 48px; margin-bottom: 16px; border-bottom: 1px solid #e3e3e3}
.lmT span{ display: inline-block; position: relative; height: 48px; margin-left: 20px; font: bold 22px/48px "Microsoft Yahei"; cursor: pointer;}
.lmT span:before{ position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px; background-color: #286db9; content: ""}
.lmT span a{ color: #286db9}

#jcl2{ width:1064px; margin: 30px auto 0; height:104px; position:relative; }
.jcl_wrap2{ width: 1064px; overflow-x: hidden;}
.jcl_container2{overflow: hidden; width:1064px; position: relative; display: block; }
.jcl_container2 li{ position: relative; width: 257px; height: 104px; margin-right: 12px;}
.jcl_container2 li img{ position: relative; display: block; width: 100%; height: 100%; }

.jcl_next2, .jcl_prev2{ position:absolute; top:50%; display:block; width:20px; height:60px; margin-top: -30px; background-image:url(../images/arr2.png); z-index:10; cursor:pointer;}
.jcl_prev2{ background-position:0 0; left: -50px; }
.jcl_next2{ background-position:-20px 0; right: -50px;}

.ad2{ margin-bottom: 30px;}
.ad2 img{ float: left; width: 380px; height: 80px; margin-right: 30px;}
.ad2 a:nth-child(3) img{ margin-right: 0;}

.ad3{ padding-top: 10px;}
/* LWW 20231024 添加.ad3 > a；调整.ad3 img margin-bottom */
.ad3 > a { display: inline-block; margin-bottom: 10px; }
.ad3 img{ display: block; width: 358px; height: 58px; /* margin-bottom: 10px; */}
.ad3_qrcode_tem{ float: left; width: 179px;}
.ad3_qrcode_tem img{ display: block; width: 110px; height: 110px; margin: 0 auto;}
.ad3_qrcode_tem p{ font: 14px/20px "Microsoft Yahei"; color: #333; text-align: center;}


.ad4{}
.ad4 img{ float: left; width: 282px; height: 100px; margin-right: 10px;}
.ad4 a:nth-child(4n) img{ margin-right: 0;}

/*中心概况*/
.loc{ min-height: 20px; margin-bottom: 30px; padding: 0 0 24px 34px; font: 16px/20px "Microsoft Yahei"; color: #666; background: url(../images/icon_loc.png) no-repeat left top; border-bottom: 1px solid #f4f4f2;}
.loc a{ color: #333;}

.lmT2{ margin-bottom: 30px;}
.lmT2 a{ display: inline-block; height: 44px; font: bold 22px/44px "Microsoft Yahei"; color: #286db9; border-bottom: 4px solid #286db9;}

.ld_tem{ margin-bottom: 30px; color: #222;}
.ld_tem span{ font-weight: bold;}
.ld_tem.tem1{ font-size: 18px;}
.ld_tem.tem1 span{ font-size: 18px;}
.ld_tem.tem2{ float: left; width: 240px; font-size: 16px;}
.ld_tem.tem2 span{ font-size: 16px;}
/* .ld_tem{ margin-bottom: 20px;}
.ld_tem p{ padding: 0 10px; font: bold 18px/20px "Microsoft Yahei"; color: #222; text-align: center;}
.ld_tem p span{ font-weight: normal;}
.ld_tem.tem1{ }
.ld_tem.tem1 img{ display: block; width: 143px; height: 204px; margin: 0 auto 10px;}
.ld_tem.tem2{ float: left; width: 240px;}
.ld_tem.tem2 img{ display: block; width: 105px; height: 150px; margin: 0 auto 5px;} */

a.bmjs_tem{ float: left; width: 180px; height: 58px; margin: 0 30px 30px 0; font: 16px/58px "Microsoft Yahei"; text-align: center; color: #333; background-color: #f2f2f2;}
a.bmjs_tem:hover{ color: #1a5ca4;}

.zxjj{}
.zxjj p{ font-size: 16px; line-height: 40px; color: #666; text-indent: 2em;}

/*职业培训服务*/
#jcl4{ width: 1160px; margin: 0 auto 0; height:200px; position:relative; }
.jcl_wrap4{ width: 1160px; overflow-x: hidden;}
.jcl_container4{overflow: hidden; width:1160px; position: relative; display: block; }
.jcl_container4 li{ position: relative; width: 272px;  height: 200px; margin-right: 24px;}
.jcl_container4 li img{ position: relative; display: block; width: 272px; height: 153px; }
.jcl_container4 li h3{ height: 20px; margin-top: 10px; font: 16px/20px "Microsoft Yahei"; text-align: center; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}

.jcl_next4, .jcl_prev4{ position:absolute; top:55px; display:block; width:25px; height:38px; background-image:url(../images/arr4.jpg); z-index:10; cursor:pointer;}
.jcl_prev4{ background-position:0 0; left: 0px; }
.jcl_next4{ background-position:-25px 0; right: 0px;}

/*通用概览*/
.list_leftbar a{ position: relative; display: block; width: 290px; padding: 18px 10px; margin-bottom: 20px; font: 20px/24px "Microsoft Yahei"; text-align: center; color: #333; background-color: #f8f8f8; border-left: 3px solid #d9ebf9; box-sizing: border-box;}
.list_leftbar a.active{ font-weight: bold; color: #0662b1; background-color: #d9ebf9; border-color: #0662b1;}

.list{  padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #f4f4f2;}
.list li{ position: relative; height: 48px; padding-left: 20px; font-size: 16px; line-height: 48px;}
.list li:before{ position: absolute; top: 50%; left: 0; width: 5px; height: 5px; margin-top: -3px; background-color: #1e76bf; content: ""}
.list li a{ float: left; width: 82%; height: 48px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.list li .pubDate{ float: right; width: 15%; height: 48px; font-size: 16px; line-height: 48px; text-align: right; color: #888;}

.pages{ margin-bottom: 30px; text-align: center;}
.pages a{ box-sizing: border-box; display: inline-block; width: 34px; height: 34px; margin: 0 4px; font-size: 14px; line-height: 32px; text-align: center; color: #666; background-color: #fff; border: 1px solid #e6e6e6; border-radius: 4px; cursor: pointer;}
.pages span{ font-size: 14px; line-height: 40px; margin: 0 5px;}
.pages a.first, .pages a.prev, .pages a.next, .pages a.last{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
.pages a.active, .pages a:hover{ color: #fff; background-color: #1e76bf; border-color: #1e76bf;}

.pagination{ margin-bottom: 30px; text-align: center; }
.pagination a, .pagination span{ box-sizing: border-box; display: inline-block; width: 34px; height: 34px; margin: 0 5px; font-size: 14px; line-height: 32px; text-align: center; color: #666; border: 1px solid #e6e6e6; border-radius: 4px; }

.pagination span{ display: inline-block; font-size: 14px; line-height: 32px; margin: 0 5px;}
.pagination a:hover{  color: #fff; background-color: #1e76bf; border-color: #1e76bf;}

.pagination .current { color: #fff; background-color: #1e76bf; border-color: #1e76bf;}

.pagination .prev, .pagination .next{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
.pagination .prev.current, .pagination .next.current{ color: #666; background: none; border: 1px solid #e6e6e6; cursor: auto;}



/*细览页*/
.article{ padding-bottom: 20px; border-bottom: 1px solid #f4f4f2;}
.article_t{ margin-bottom: 20px; font: bold 22px/32px "Microsoft Yahei"; color: #333; text-align: center;}
.article_item{ margin-bottom: 20px;}
.article_item span{  font-size: 14px; line-height: 16px; color: #666;}
.article_item .article_item_tem{ float: left; margin-right: 10px;}
.article_item .article_fs{ float: right;}
.article_item .article_fs a{ margin-left: 4px; color: #666; cursor: pointer;}

.article_con{ margin-bottom: 30px;}
.article_con p{ font-size: 16px; line-height: 40px; color: #333;}
.article_con img{ display: block; max-width: 600px; height: auto; margin: 10px auto ;}

.article_share{ float: left;}
.article_bot_btn{ float: right; width: auto; height: 30px; padding: 0; margin-left: 30px; font-size: 14px; line-height: 30px; color: #666; text-indent: 33px; border-radius: 4px; cursor: pointer; border: none; }
#btn_close{ background: url(../images/icon_close.png) no-repeat 8px center;}
#btn_print{ background: url(../images/icon_print.png) no-repeat 8px center;}

.fj{}
.fj span{ font-size: 14px; line-height: 24px; color: #333;}
.fj a.doc{ font-size: 14px; line-height: 24px; color: #666;}

/* LWW 20231030 微信分享样式 */
.social-share .icon-wechat:hover .wechat-qrcode { display: block !important;}

/* LWW 20231031 适配移动端 */
@media screen and (max-width: 800px) {
    .ad img { width: 100%; }
    .w680, .w500, .w565, .w366, .w290, .w790 { width: 100%; float: none; }
    .index-swiper { height: 260px !important; }
    .index-itm { width: 100vw !important; }
    .index-itm > a { outline-offset: -3px !important; }
    .index-itm .index-til { width: 100vw !important; background-color: unset !important; }
    .index-itm .index-til a { background-color: unset !important; }

    .news_list li h3 { width: calc(100% - 134px); }
    .news_list li span { width: 134px; text-align: right; }

    .ad2 > a:nth-child(2) > img { margin: 10px 0 }
    .ad2 img { float: none; width: 100%; height: auto; margin-right: 0; }

    .box_tem.marB30 > .marB20.clearfix > .w366.marR30.fl > a > img { width: 100%; }

    .ad3 > a { display: block; }
    .ad3 img  { width: 100%; height: auto; }
    .ad3_qrcode_tem { width: 50%; }
    .ad3_qrcode_tem p { line-height: 26px; }

    .ad4 img { float: none; width: 100%; height: auto; margin-right: 0; margin-bottom: 10px; }

    .loc { line-height: 26px; }

    /* 中心动态 */
    .layout > .box_tem.marB30 > .clearfix > .w290.fl > .list_leftbar { display: flex; justify-content: space-between; flex-wrap: wrap; }
    .list_leftbar a { width: 48%; }

    .list li a { width: calc(100% - 134px); }
    .list li .pubDate { width: 134px; }

    .pages a { margin-bottom: 8px; }

    /* 职业培训服务 */
    #jcl4 { width: 100%; }
    .zypxfw-itm { width: 100% !important; }
    .zypxfw-itm > a { outline-offset: -3px !important; }
    .zypxfw-itm a img { height: 188px !important; }
    .zypxfw-itm .zypxfw-til { width: 100% !important; height: 26px !important }
    .zypxfw-itm .zypxfw-til a { height: 26px !important; line-height: 26px !important; }
    #jcl4 .zypxfw-swiper-prev, #jcl4 .zypxfw-swiper-next { top: 72px !important; }
    #jcl4 .zypxfw-swiper-next { right: 0 !important; }

    /* 中心概况 */
    .ld_tem.tem2 { float: none; width: 100%; }

    /* 通用细览 */
    .article_item span { line-height: 26px; }
    .article_item .article_fs { margin-top: 10px; display: none; }
    .article_con img { max-width: 90%; width: auto; }
    .box_tem .clearfix #btn_print { display: none; }
    .box_tem #article_share .icon-wechat { display: none; }

    .social-share a.ariafocus { outline: 3px solid #ffee00 !important; }
    .social-share .icon-wechat .wechat-qrcode { left: -20px; }
    .social-share .icon-wechat .wechat-qrcode:after { content: ''; position: absolute; left: 0; margin-left: 24px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent; }

    .audio-container .audio-name {
        width: calc(100% - 100px) !important;
        height: 26px !important;
        line-height: 26px !important;
    }
    .audio-container .audiojs { height: 130px !important; }
    .audio-container .play-pause { margin-top: 46px !important; }
    .audio-container .time {
        height: 26px !important;
        line-height: 26px !important;
        margin-top: 56px !important;
    }
}